{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% translate '后台管理导航' %}{% endblock %}
{% block head %}
    <style>
        .btn-outline-secondary {
            color: #0f0f0f;
            border-color: #6c757d;
        }
    </style>
{% endblock %}

{% block boby %}
    <table class="table">
        <tbody>
        <tr>
            <td rowspan="4" style="vertical-align: middle; text-align: center">
                <i class="fa fa-server" style="font-size: xxx-large"></i>
                <h6 class="text-black-50 mt-2">{% translate '计算资源配置与管理' %}</h6>
            </td>
            <td style="color: #0072c9; width: 200px">【{% translate '服务器信息维护' %}】</td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/pcservers/pcserver/"
                   role="button" target="_blank"><strong class="text-danger">*&nbsp;</strong>{% translate '服务器设备' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/pcservers/department/"
                   role="button" target="_blank">{% translate '部门' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/pcservers/room/"
                   role="button" target="_blank">{% translate '机房' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/pcservers/servertype/"
                   role="button" target="_blank">{% translate '型号' %}</a>
            </td>
            <td></td>
        </tr>
        <tr>
            <td style="color: #0072c9" class="border-top-0">【{% translate '宿主机配置' %}】</td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/compute/host/"
                   role="button" target="_blank"><strong class="text-danger">*&nbsp;</strong>{% translate '宿主机' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/device/pcidevice/"
                   role="button" target="_blank">{% translate '本地设备' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/compute/center/"
                   role="button" target="_blank">{% translate '数据中心' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/compute/group/"
                   role="button" target="_blank">{% translate '宿主机组' %}</a>
            </td>
            <td class="border-top-0"></td>
        </tr>

        <tr>
            <td style="color: #0072c9" class="border-top-0">【{% translate '虚拟机模板配置' %}】</td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/image/image/"
                   role="button" target="_blank"><strong class="text-danger">*&nbsp;</strong>{% translate '系统镜像' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/image/vmxmltemplate/"
                   role="button" target="_blank"><strong class="text-danger">*&nbsp;</strong>{% translate 'XML模板' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/vms/flavor/"
                   role="button" target="_blank">{% translate '硬件样式模板' %}</a>
            </td>
            <td colspan="2" class="border-top-0"></td>
        </tr>

        <tr>
            <td style="color: #0072c9" class="border-top-0">【{% translate '虚拟机信息管理' %}】</td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/vms/vm/"
                   role="button" target="_blank">{% translate '虚拟机' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/vms/vmarchive/"
                   role="button" target="_blank">{% translate '虚拟机归档表' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/vms/vmdisksnap/"
                   role="button" target="_blank">{% translate '虚拟机快照' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/vms/migratetask/"
                   role="button" target="_blank">{% translate '虚拟机迁移记录' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/novnc/token/"
                   role="button" target="_blank">{% translate 'NOVNC客户端TOKENS' %}</a>
            </td>
        </tr>

        <tr>
            <td rowspan="2" style="vertical-align: middle; text-align: center">
                <i class="fa fa-database" style="font-size: xxx-large"></i>
                <h6 class="text-black-50 mt-2">{% translate '存储资源配置与管理' %}</h6>
            </td>
            <td style="color: #0072c9">【{% translate 'CEPH配置' %}】</td>
            <td><a class="btn btn-outline-secondary btn-sm btn-block"
                   href="/admin/ceph/cephcluster/" role="button" target="_blank"><strong
                    class="text-danger">*&nbsp;</strong>{% translate 'CEPH集群' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/ceph/cephpool/"
                   role="button" target="_blank"><strong class="text-danger">*&nbsp;</strong>{% translate 'CEPH池' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/vdisk/quota/"
                   role="button" target="_blank">{% translate '云硬盘池' %}</a>
            </td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td style="color: #0072c9" class="border-top-0">【{% translate '云硬盘信息管理' %}】</td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/vdisk/vdisk/"
                   role="button" target="_blank">{% translate '云硬盘' %}</a>
            </td>
            <td colspan="4" class="border-top-0"></td>
        </tr>


        <tr>
            <td rowspan="2" style="vertical-align: middle; text-align: center">
                <i class="fa fa-share-alt" style="font-size: xxx-large"></i>
                <h6 class="text-black-50 mt-2">{% translate '网络资源配置与管理' %}</h6>
            </td>
            <td style="color: #0072c9">【{% translate '网络配置' %}】</td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/network/vlan/"
                   role="button" target="_blank"><strong class="text-danger">*&nbsp;</strong>{% translate 'VLAN子网' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-secondary btn-sm btn-block" href="/admin/vpn/vpnconfig/"
                   role="button" target="_blank">{% translate 'VPN配置文件' %}</a>
            </td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td style="color: #0072c9" class="border-top-0">【{% translate '网络信息管理' %}】</td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block"
                   href="/admin/network/macip/" role="button" target="_blank">{% translate 'IP地址' %}</a>
            </td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/vpn/vpnauth/"
                   role="button" target="_blank">{% translate 'VPN用户信息' %}</a>
            </td>
            <td colspan="3" class="border-top-0"></td>
        </tr>


        <tr>
            <td rowspan="3" style="vertical-align: middle; text-align: center" class="border-bottom">
                <i class="fa fa-home" style="font-size: xxx-large"></i>
                <h6 class="text-black-50 mt-2">{% translate '系统信息管理' %}</h6>
            </td>
            <td style="color: #0072c9">【{% translate '用户信息管理' %}】</td>
            <td>
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/users/userprofile/"
                   role="button" target="_blank">{% translate '用户' %}</a>
            </td>
            <td>
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/auth/group/"
                   role="button" target="_blank">{% translate '用户分组' %}</a>
            </td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td style="color: #0072c9" class="border-top-0">【{% translate '认证信息管理' %}】</td>
            <td class="border-top-0">
                <a class="btn btn-outline-info btn-sm btn-block"
                   href="/admin/authtoken/tokenproxy/" role="button" target="_blank">{% translate '身份认证TOKENS' %}</a>
            </td>
            <td colspan="4" class="border-top-0"></td>
        </tr>
        <tr>
            <td style="color: #0072c9" class="border-top-0 border-bottom">【{% translate '日志信息管理' %}】</td>
            <td class="border-top-0 border-bottom">
                <a class="btn btn-outline-info btn-sm btn-block" href="/admin/admin/logentry/"
                   role="button" target="_blank">{% translate '操作日志' %}</a>
            </td>
            <td colspan="4" class="border-top-0 border-bottom"></td>
        </tr>
        </tbody>
    </table>
{% endblock %}
